Goal: To Display a "Random" Quote on the Screen

Click me to see a Live Link permalink

Click me to go to the RepoGithub Link permalink

• Step 1: Create the array of quotes you want to display

  In the Array, You will break them up into Quote, the movie, and the year the movie came out.

  

• Step 2: Select the "Random Quote"

  We create a function called getRandomQuote.

  3 variables used in this function (number, randomQuote, and source)

  Math.Floor() returns the largest whole number less than or equal to a given number

  Math.Random() returns a random decimal number between 0 and 1

  We take the number in our quotes array, which selects a quote in the array

  Then we return the variable randomQuote

• Step 3: Print The Quote to the Screen

  Create another function called printQuote()

  We store the quote, the movie, and the year into their own variables. Now we need to use a variable called print. print creates a template that will be used to display the quote/source/year/citations.

  Next, we add a couple if statements. if there is a citation we add that to the print variable, and if there is a year in the quote add it to the print variable.

  The wrap up this function we select an HTML Element by ID and use innerHTML to inject the print's HTML template into the HTML file.

• Step 4: Finally Call the printQuote Function

  This is the final bit! Call printQuote()